<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style type="text/css">
        /* :root{
            border: 1px solid red;
        } */
        /* ul>li:first-child{
            color: rebeccapurple;
        }
        ul>li:last-child{
            color: royalblue;
        }
        ul>li:only-child{
            color: salmon;
        }
        div>p:only-of-type{
            color: seagreen;
        } */
        /* ul>li:nth-child(2){
            color: skyblue;
        }
        ul>li:nth-last-child(2){
            color: tomato;
        } */
        /* div>p:nth-of-type(2){
            color: blueviolet
        }; */
        /* div>p:nth-last-of-type(2){
            color: chartreuse;
        }; */
        /* :enabled{
            border: 1px solid chocolate;
        }
        :disabled{
            border: 1px solid cornflowerblue;
        }
        :checked{
            display: none;
        }
        :default{
            display: none;
        }
        input:valid{
            border: 1px solid burlywood;
        }
        input:invalid{
            border: 1px solid cyan;
        }
        input:required{
            border: 1px solid springgreen;
        }
        input:optional{
            border: 1px solid tan;
        } */
        /* a:link{
            color: tomato;
        }
        a:visited{
            color: violet;
        }
        a:hover{
            color: turquoise;
        }
        a:active{
            color: brown;
        }
        input:focus{
            border: 3px solid darkolivegreen;
        } */
        /* a:not([href*="baidu"]){
            color: darkred;
        }
        :empty{
            display: none;
        }
        :lang(en){
            color: deeppink;
        }
        :target{
            color: firebrick;
        }
        ::selection{
            color: gray;
        } */
        /* p{
            color: #ff0000;
        } */
        p{
            /* color: rgb(112, 128, 114); */
            /* color: rgba(0, 128, 128, 0.5); */
            /* color: hsl(120, 100%, 30%); */
            /* color: hsla(120, 100%, 30%, 0.5); */
            margin: 0;
            padding: 0;
            background: silver;
            font-size: 15px;
            /* height: 2em; */
            /* height: 55px; */
            width: 50%;
        }
    </style>
    <ul>
        <li>728137218489878</li>
        <li>hajdsfhaskaio12</li>
        <li>ascjdskajfks</li>
        <li>ascjdskajfks3874329</li>
    </ul>
    <ul>
        <li>jsfndjds</li>
    </ul>
    <div>
        <p>222222222222</p>
        <p>123782972918</p>
        <p>jsdkhfakasfghj</p>
        <p>666666666666</p>
    </div>
    <a href="http://www.baidu.com">baidu</a>
    <input type="text">
    <a href="#1">第一章</a> <a href="#2">第二章</a> <a href="#3">第三章</a>
    <a id="1">1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111           </a>
    <a id="2">2222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222</a>
    <a id="3">333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333331113333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333</a>
    <!-- <input type="text" enabled>
    <input type="text" disabled>
    <input type="text" checked>
    <input type="text" default>
    <input type="text" valid>
    <input type="text" invalid>
    <input type="text" required>
    <input type="text" optional> -->
</body>
</html>